* {
	margin: 0;	padding: 0;	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;	padding: 0;	background: url(bg.png) no-repeat;
	background-size: cover;	line-height: 1.15;	height: 100%;
}

header {
	position: relative;	height: 100px;
	background: url(head_bg.png) no-repeat top center;
	background-size: 100% 100%;
}

header h1 {
	font-size: 38px;	color: #fff;	text-align: center;
	line-height: 80px;	font-family: Arial;
}

.mainbox {
	display: flex;	height:calc(100% - 150px);	width:100%;
}

.mainbox .first-box {
	flex: 1;
}

.mainbox .first-box .charts {
	height: 50%;background: rgba(255, 255, 255, 0.04) url(line.png);margin: 0 5px 5px;
}

.charts {
	border-radius: 10px;
}